<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
        
<div id="">

    <form:form modelAttribute="dressing" 
               class="_illust-upload" 
               method="POST" 
               action="${pageContext.request.contextPath}/dressings" 
               enctype="multipart/form-data">
    
    <section class="item-container">
        <a class="new-feature" href="#">发表衣着</a>
        
<div class="choose-container">
    <div class="_choose-file-button">
        <div  class="wrapper _ui-tooltip">
            <button class="_action-button-large2 add-item">
                <i class="_icon-20 _icon-files"></i>
                <span id="pictureName" class="_icon-text">选择文件</span>
            </button>
            <input id="picture" type="file" name="picture" accept="image/gif,image/jpeg,image/png" multiple="" class="input">
        </div>
        <ul class="_inline-list">
                <li>JPEG</li>
                <li>GIF</li>
                <li>PNG</li>
                <li>每张8MB以下</li>
        </ul>
    </div>
</div>
<script>
 $("#picture").change(function() {
     $('#pictureName').text($(this).val());
 });
</script>
    </section>
                    
    <section class="metadata-container">
        <section class="unit">
            <section class="items">
                <div class="input-title item text ui-counter">
                    <div class="fail-container"></div>
                    <form:input path="title" class="input" maxlength="32" placeholder="标题" />
                    <div class="_count-container options">
                        <span class="count"><form:errors path="title" cssStyle="color: red;"/></span> 32
                    </div>
                </div>
                <div class="input-comment item text ui-counter"><div class="fail-container"></div>
                    <form:textarea class="input" maxlength="3000" placeholder="说明文" path="caption" cssStyle="730px"/>
                    <form:errors path="caption" cssStyle="color: red;"/>
<div class="_count-container options"><span class="count"></span>3000</div>
                </div>
            </section>

            <%--<section class="items">
                    <div class="input-restrict item"><div class="fail-container"></div><dl><dt>隐私</dt>
                            <dd><ul class="_inline-list">
<li><label><input type="radio" checked="" value="0" name="restrict">向所有人公开</label></li>
                                    <li><label><input type="radio" value="1" name="restrict">仅好P友可见</label></li>
                                    <li><label><input type="radio" value="2" name="restrict">私人</label></li></ul></dd></dl>
<div class="error restrict-form _hidden"></div></div></section>--%>
        
        </section>

<hr>
        
        <%--<section class="unit">
            <h1 class="label">隐私</h1>
            <section class="items"><div class="item">
                    <label><input type="checkbox" value="1" name="response_auto">公开</label></div></section>
        </section>--%>

    <div class="submit-container">
        <input type="submit" class="action-submit _action-button-large" value="提交" ></div>
    </section>
</form:form>
    
</div>